<?php include 'inc/student_head.php';?>

<style type="text/css">
.layui-table-page{
    /*分页居中显示*/
    text-align: center;
}
</style>




<script type="text/html" id="taskTpl">
    {{d.category_name}} > {{d.task_name}}
</script>


<script type="text/html" id="stuTpl">
    {{d.site+'号_' + d.stu_name}}
</script>



<script language="javascript">
    layui.use(['form', 'element', 'table'], function () {
        var table = layui.table
            , $ = layui.$
            , form = layui.form;
            $("#menu_record").addClass('layui-this'); //设置导航当前选中项的样式

        $("#show_rules").click(function(){
             layer.open({
                type: 1,
                title:'<div class="openTitle"><h2>积 分 规 则</h2></div>',
                closeBtn: 1,
                scrollbar: false,
                area: ['750px','300px'],
                shade: 0.5,
                content: $('#div_rules')
            });

        });


// 弹出积分记录层
layer.open({
    type: 1,
    title: '<div class="openTitle"><h2>积 分 记 录</h2></div>',
    anim: 0,
    scrollbar: false,
    area: ['1150px','600px'],
    shade: 0,
    content: $('.openDiv'),
    offset: '100px',
    closeBtn: 2,
    cancel: function(index, layero){
        window.location.href="/student/index";
    }
});

        //初始化表格
        table.render({
            elem: '#recordsTable'
            , id:'records'
            , url: 'record'
            , size:'sm'
            , height:'400px'
            , method:'post'
            , where: {
                stu_id: '<?=GS('student')['id']?>'
                , type: $('input[name="type"]:checked').val()
                , who: $('input[name="who"]:checked').val()
            }
            , cols: [[
                {field: 'created', width: 180, align: 'center', title: '时 间'}
                , {templet: '#taskTpl', minwidth: 180, title: '课 程 分 类 > 课 程 名 称', align: 'left'}
                , {templet: '#stuTpl', width: 150,align: 'center', title: '座位_姓名'}
                , {field: 'point', width: 80, align: 'center', title: '积分'}
                , {field: 'reason', width: 160, align: 'left', title: '原 因'}
                , {field: 'type', width: 100,align:'center',title: '类型'}
            ]] //设置表头
            , page: {
                 limit:10
                , limits:[10,20]
            }
            //, even: true
            , done:function(){
                // 根据操作类型，设置背景色
                $("#app tr").each(function(){
                    var txt = $(this).find('td:eq(5)').text();
                    console.log(txt);
                    if(txt){
                        // if(txt.indexOf('奖励加分')>=0){$(this).css({'background-color':'#CCFF99'}); }
                        if(txt.indexOf('奖励加分')>=0){$(this).addClass('color_jl'); }
                        if(txt.indexOf('惩罚扣分')>=0){$(this).addClass('color_cf'); }
                        if(txt.indexOf('游戏扣分')>=0){$(this).addClass('color_yx'); }
                        if(txt.indexOf('作业加分')>=0){$(this).addClass('color_zy'); }
                    }
                });
            },
        });


        //点击按钮后
        form.on('radio', function () {
            table.reload('records', {
                    where:{
                        stu_id: '<?=GS('student')['id']?>'
                        , type: $('input[name="type"]:checked').val()
                        , who: $('input[name="who"]:checked').val()
                    }
                    ,page:{
                        curr:1//重新从第 1 页开始
                    }

                }
            );
        })
    });
</script>



<!-- 积分记录层 -->
<div class='openDiv' style="width:90%;margin:0 auto;">

    <div class="layui-row layui-form layui-form-pane">
        <br>
            <div class="layui-form-item" pane="" style="text-align: left;margin-top:-10px;">
                <div class="layui-input-block">
                    <input type="radio" title="本人" name="who" value="0" checked />
                    <?php foreach ($this->classes as $key => $v): ?>
                        <input type="radio" title="<?=$v['name']?>班" name="who" value="<?=$v['id']?>" />
                    <?php endforeach ?>

                </div>
            </div>
            <div class="layui-form-item" pane="" style="text-align: left;margin-top:-10px;">
                <div class="layui-input-block">
                    <input type="radio" title="全部记录" name="type" value="" checked>
                    <input type="radio" title="作业加分" name="type" value="作业加分">
                    <input type="radio" title="奖励加分" name="type" value="奖励加分">
                    <input type="radio" title="游戏扣分" name="type" value="游戏扣分">
                    <input type="radio" title="惩罚扣分" name="type" value="惩罚扣分">
                    <button class="layui-btn layui-btn-sm layui-btn-danger" id='show_rules'>积 分 规 则 </button>
                </div>
            </div>

            <table class="layui-table" id="recordsTable" lay-filter="recordsTable"></table>
        </div>




</div>



<?php include 'inc/student_foot.php';?>


<!-- 积分规则层 -->
<div id='div_rules' style="display: none;padding:50px;line-height: 20pt;">
    <p> 作业加分：认真完成作业，可获得成绩分和积分(获得成绩分的唯一途径)</p>
    <p> 奖励加分：认真打扫机房，维护电脑，参与打字高手竞赛可获得奖励积分</p>
    <p style='color:red'> 惩罚扣分：根据违纪程度轻重扣除积分，同样的违纪行为加倍惩罚，多次违纪者加重惩罚</p>
    <p> 游戏扣分：非惩罚性扣分，同一节课多次下载同一款游戏，只扣一次分</p>
    <p style='color:blue'> 学期结束时将统计学生平时和考试成绩，奖惩次数等信息，并记录进学生个人档案</p>


</div>

